<template>
    <div>
        <SiceTitle :content="siceTitleContent"/>
        <el-row type="flex">
            <el-col class="left">
                <img src="@/assets/img/introduce/dengxianfang.png" alt="dengxianfang">
            </el-col>
            <el-col class="right">
                <el-row class="contentPart">
                    <p>
                        <span>{{string.span}}</span>
                        {{string.p1}}
                    </p>
                    <p>{{string.p2}}</p>
                    <p>{{string.p3}}</p>
                    <p>{{string.p4}}</p>
                    <p>{{string.p5}}</p>
                </el-row>

            </el-col>
        </el-row>
    </div>
</template>

<script>
import SiceTitle from './components/siceTitle';
export default {
    components:{SiceTitle},
    data(){
        return {
            siceTitleContent:{
                sice:"CHAIRMAN",
                title:"董事长致辞",
                titleEn:"CHAIRMAN'S SPEECH"
            }
        }
    },
    computed:{
        string(){
            return this.$t("introduce.speech")
        }
    }
}
</script>

<style lang="less" scoped>
.left{
    flex: 0 0 328px;
    margin-bottom: 60px;
    img {
        width: 328px;
        height: 472px;
    }
}
.right {
    flex:1;
    padding-left: 78px;
    text-align: left;
    .contentPart {
        font-size: 14px;
        color: #666;
        &:last-of-type {
            margin-bottom: 100px;
        }
        p {
            text-align: left;
            margin-top: 40px;
            text-indent: 2em;
            &:first-child{
                margin-top: 0;
            }
        }
        span {
            font-size:20px;
            font-weight:bold;
            color:rgba(102,102,102,1);
            line-height:28px;
            text-indent: 2em;
        }
        
    }
}
</style>